@charset "utf8";
/* 整页效果统一 */
*{
	/* 字体，内外边距，列表，超链接，颜色 */
	font: 14px "微软雅黑";
	font-weight: 400;
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	
}
/* 左右侧html结果一致，公共方案统一 定样式 */

header div#wrapper div ul li a{
	text-align: center;
	line-height: 43px;
	text-decoration: none;
	padding: 0 6px;
	border-right: 1px solid #424242;
}
header div#wrapper div ul li a:hover{
	color: #ffffff;
}
main {
    width: 100%;
    height: 5453px;
    background: #f5f5f5;
}

/* 面包屑导航 */
nav {
    width: 72.5%;
	height: 92px;
    backgrou nd: #55ffff;
    margin: 0 auto;
}

/* 左边 */
main nav div.left {
    width: 72.5%;
    height: 92px;
    backgro und: #ff0000;
    margin: 0 auto;
    float: left; 
}

main nav div.left ul li {
    float: left;
}
/* 右侧 */
main nav div.right {
    width: 265px;
    height: 45px;
    border: 1px solid ;
    float: right; /* 浮动到右侧 */
	margin:27px 0 18px 0;
}
main nav div.right div.sosuo{
	width: 220px;
	height: 45px;
	backgro und: #5555ff;
	border-right: 1px solid black;
}
/* 轮播图下面的四张图片 */
main div#fourtupian{
	width: 1226px;
	height: 170px;
	backgr ound: #55ffff;
	margin: 0 auto;
	position: relative;
	top: 16px;
	margin-top: 100px;
}
main div#fourtupian ul li{
	float: left;	
}
/* 小米单品 */
main div#first{
	width: 1226px;
	height: 88px;
	backgrou nd: #ffaaff;
	margin: 0 auto;
	position: relative;
	top: 16px;
}
main div#first div.xmdp{
	font: 24px "微软雅黑";
	line-height: 88px;
	position: relative;
	left: -232px;
}
main div#first div.jiantou{
	
	height: 26.33px;
	backgro und: #55ffff;
	float: right;
	position: relative;
	top: -56px;
}
main div.xmmxdp ul li{
	float: left;
	padding-left: 14px;
}
/* 背景 */
main div#bj{
	width: 100%;
	height: 4413px;
	background: #e6e5e5;
}
/* 智能硬件 */
main div#bj div.znyj{
	width: 1226px;
	height: 150px;
	margin: 0 auto;
	back ground: #ff0000;
	margin-top: 6px;
}
main div#bj div.znyj div.text{
	font: 23px "微软雅黑";
	position: relative;
	top: 81px;
}
main div#bj div.center div.xiaohai{
	float: left;
}
main div#bj div.center div.xiaohai dl dd{
	position: relative;
	top: -572px;
	text-align: center;
	padding-top: 14px;
}
/* 硬件的右侧四张图 */
main div.yj {
	width: 992px;
	height: 300px;
	position: relative;
	top: -614px;
	float: left;
}
main div.yj  div.container_yj dl.card{
	width: 234px;
	height: 300px;
	background: #ffffff;
	text-align: center;
	margin-left: 14px;
	float: left;
} 
main div.yj  div.container_yj dl.card dt{
	width: 234px;
	height: 300px;
}
main div.yj  div.container_yj dl.card dd{
	position: relative;
	top: -103px;
}
/* 右侧下面四图片 */
main div.yj2 {
	width: 992px;
	height: 300px;
	position: relative;
	top: -600px;
	float: left;
	left: 465px;
}
main div.yj2  div.container_yj dl.card{
	width: 234px;
	height: 300px;
	background: #ffffff;
	text-align: center;
	margin-left: 14px;
	float: left;
} 
/* 图片 */
main div.yj2  div.container_yj dl.card dt{
	width: 234px;
	height: 300px;
}
/* 字体 */
main div.yj2  div.container_yj dl.card dd{
	position: relative;
	top: -103px;
}
/* 搭配栏 */
main div#dapei{
	width: 1226px;
	height: 57px;
	margin-top: 300px;
	position: relative;
	right: 233px;	
}
main div#dapei div.dapei{
	font-size: 24px;
	position: relative;
	top: 50px;
}
main div#dapei  ul li{
	float: left;
	    position: relative;
	    bottom: -27px;
	    font-size: 18px;
	    left: 870px;
	    margin-left: 30px;
}
/* 搭配栏左图片 */
main div.center_dapei div#zctp img{
	width: 234px;
	height: 300px;
	position: relative;
	right: 355px;
}
/* 搭配栏左下图片 */
main div.center_dapei div#xtp.x1 img{
	width: 234px;
	height: 300px;
	position: relative;
	top: 11px;
}
/* 搭配栏右上图片 */
main div.center_dapei{
	width: 1226px;
	height: 614px;
	position: relative;
	left: -233px;
	top: 70px;
}
main div.center_dapei div.dianyuan{
	width: 996px;
	height: 300px;
	text-align: center;
	position: relative;
	top: -607px;
    left: 230px;
}

main div.center_dapei div.dianyuan dl.card{
	width: 234px;
	height: 300px;
	background: #ffffff;
	text-align: center;
	float: left;
	margin-left: 15px;
} 
/* 图片 */
main div.center_dapei div.dianyuan dl.card dt{
	width: 234px;
	height: 300px;
}
/* 文字 */
main div.center_dapei div.dianyuan dl.card dd{
	position: relative;
	top: -80px;
}
/* 右侧下图片 */

main div.center_dapei div.dianyuan2{
	width: 996px;
	height: 300px;
	text-align: center;
	position: relative;
	top: -593px;
    left: 230px;
}

main div.center_dapei div.dianyuan2 dl.card{
	width: 234px;
	height: 300px;
	background: #ffffff;
	text-align: center;
	float: left;
	margin-left: 15px;
} 

/* 图片 */
main div.center_dapei div.dianyuan2 dl.card dt{
	width: 234px;
	height: 300px;
}
/* 文字 */
main div.center_dapei div.dianyuan2 dl.card dd{
	position: relative;
	top: -80px;
}
/* 周边栏 */
main div#zhoubian{
	    width: 1500px;
	    height: 95.33px;
	    position: relative;
	    right: 232px;
	    margin-top: 72px;
	}
main div#zhoubian div.text{
		font: 24px "微软雅黑";
		position: absolute;
		top: 40px;
	}
main div#zhoubian ul li{
	font: 18px "微软雅黑";
	float: left;
	padding-left: 30px;
	position: relative;
	bottom: 170px;
	right: 138px;
}
main div.center_zhoubian{
	width: 1226px;
	height: 614px;
	position: relative;
	left: -233px;
}
main div.center_zhoubian div#zctp img{
	width: 234px;
	height: 300px;
	position: relative;
	 bottom: 426px;
}
/* 文字 */
main div.center_zhoubian div.dianyuan dl.card dd{
	position: relative;
	top: -80px;
}
/* 右下图片 */
main div.center_zhoubian div.dianyuan2{
	width: 992px;
	height: 300px;
	text-align: center;
	position: relative;
	bottom: 1019px;
    left: 234px;
}
main div.center_zhoubian div.dianyuan2 dl.card{
	width: 234px;
	height: 300px;
	background: #ffffff;
	text-align: center;
	float: left;
	margin-left: 14px;
	background: #fff;
} 
main div.center_zhoubian div.dianyuan2 dl.card dt{
	width: 234px;
	height: 300px;
}
/* 右下文字 */
main div.center_zhoubian div.dianyuan2 dl.card dd{
	position: relative;
	top: -80px;
}
/* 配件栏 */
div.peijian{
	width: 1226px;
	height: 100.33px;
    position: relative;
		bottom: 1018px;
}
div.peijian div.text{
font: 24px "微软雅黑";
line-height: 100.33px;
}
div.peijian ul li{
	font-size: 18px;
	float: left;
	position: relative;
	bottom: 62px;
	left: 903px;
	padding: 10px;
}
/* 配件左图片 */
main div.center_peijian{
	width: 1226px;
	height: 614px;
	position: relative;
	bottom: 1020px;
}
main div.center_peijian div.zuoce img{
	width: 234px;
	height: 300px;
	position: relative;
	right: 335px;
}
main div.center_peijian div.zuoce2 img{
	width: 234px;
	height: 300px;
	position: relative;
	top: 10px;
}
/* 右侧配件图片 */
main div.center_peijian div.yc_peijian{
	width: 996px;
	height: 300px;
	text-align: center;
	position: relative;
	bottom: 607px;
    left: 230px;
}

main div.center_peijian div.yc_peijian dl.card{
	width: 234px;
	height: 300px;
	background: #ffffff;
	text-align: center;
	float: left;
	margin-left: 15px;
} 
/* 文字 */
main div.center_peijian div.yc_peijian dl.card dd{
	position: relative;
	top: -80px;
}
/* 右侧下图片 */
main div.center_peijian div.yc_peijian2{
	width: 996px;
	height: 300px;
	text-align: center;
	position: relative;
	bottom: 594px;
    left: 230px;
}
main div.center_peijian div.yc_peijian2 dl.card{
	width: 234px;
	height: 300px;
	background: #ffffff;
	text-align: center;
	float: left;
	margin-left: 15px;
} 
main div.center_peijian div.yc_peijian2 dl.card dt{
	width: 234px;
	height: 300px;
}
/* 懒得移了！！！！太多了！！！ */